<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>playwright</title>
    <link href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>

<body>
    <button type="button" class="btn btn-primary">Sign in</button>

    <h3>Sign up</h3>
    <label>
        <input type="checkbox" /> Subscribe
    </label>
    <br />
    <button type="button" class="btn btn-secondary">Submit</button><br>

    <label>Password <input type="password" /></label><br>

    <span>Welcome, John</span><br>

    <img alt="playwright logo" src="playwright-logo.svg" width="100" /><br>

    <span title='Issues count'>25 issues</span>

    <button data-testid="directions">Itinéraire</button><br>

    <!-- 过滤 -->
    <ul>
        <li>
            <h3>Product 1</h3>
            <button>Add to cart</button>
        </li>
        <li>
            <h3>Product 2</h3>
            <button>Add to cart</button>
        </li>
    </ul>


    
</body>

</html>